<template>
    <div>
        <button @click="sub(index)">-</button>
        <input type="text" v-model="goodsnum" @blur="changeNum($event,index)">
        <button @click="add(index)">+</button>
    </div>
</template>
<script>
export default {
    props:["goodsnum","index"],
    methods:{
        add(i){
            this.$emit("add",i)
        },
        sub(i){
            this.$emit("sub",i)
        },
        changeNum(e,i){
            let val = Number(e.target.value);
            this.$emit("changeNum",[val,i])
        }
    }
    // methods:{
    //     add(){
    //         this.goodsnum++;
    //         this.$emit("sendData",[this.goodsnum,this.index])
    //     },
    //     sub(){
    //         if(this.goodsnum>0){
    //             this.goodsnum--;
    //             this.$emit("sendData",[this.goodsnum,this.index])
    //         }
    //     },
    //     changeNum(event){
    //         this.goodsnum = Number(event.target.value);
    //         this.$emit("sendData",[this.goodsnum,this.index])
    //     }
    // }
}
</script>
<style>
    input{
        width: 50px;
    }
</style>